<%--
 $Author:  翟锋$
 $Rev:  $
 $Date:: #$:
  
 Copyright (C) 2012 Seeyon, Inc. All rights reserved.
 This software is the proprietary information of Seeyon, Inc.
 Use is subject to license terms.
--%>
<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta content="telephone=no" name="format-detection" />
    <title>待办事项</title>
    <style>
      .layout_north {
        min-width: 100%!important;
      }
    </style>
    <%@ include file="/WEB-INF/jsp/common/commonColList.jsp"%>
	<%@ include file="/WEB-INF/jsp/ctp/workflow/workflowDesigner_js_api.jsp" %>
	<%@ include file="/WEB-INF/jsp/common/common_print.jsp" %>
    <script type="text/javascript" charset="UTF-8" src="${path}/apps_res/collaboration/js/collaboration.js${ctp:resSuffix()}"></script>
    <script type="text/javascript" charset="UTF-8" src="${path}/apps_res/collaboration/js/CollaborationApi.js${ctp:resSuffix()}"></script>
    <script type="text/javascript" charset="UTF-8" src="${path}/apps_res/collaboration/js/listPending.js${ctp:resSuffix()}"></script>
    <script type="text/javascript" charset="UTF-8" src="${path}/apps_res/collaboration/js/batch.js${ctp:resSuffix()}"></script>
	<link rel="stylesheet" type="text/css" href="${path}/portal/icons/default/fonts/plane/mini_icon.css${ctp:resSuffix()}">
	<link rel="stylesheet" type="text/css" href="${path}/apps_res/bpm/portal/css/bpmPortalIndex.css${ctp:resSuffix()}" />
    <script type="text/javascript">
       var _paramTemplateIds = "${ctp:escapeJavascript(paramMap.templeteIds)}";
      
       var paramMethod = "${ctp:escapeJavascript(param.method)}";
       //ouyp a6s邮件过滤
       var emailShow = ${v3x:hasPlugin('webmail')}; 
       var hasBarCode = "${ctp:hasPlugin('barCode')}";
       var hasDoc = "${ctp:hasPlugin('doc')}";
       var hasAIPlugin = "${hasAIPlugin}";
       var aiSortValueTemp = "${aiSortValue}";
       var isShowStatisticalToolBar = "${isShowStatisticalToolBar}";
       var isShowTotal = "${isShowTotal}";
       var canDel = "${ctp:escapeJavascript(canDel)}";
     	//默认显示批处理
	   var showBatchDeal = "true";
    </script>
	<style>
		.combinedQuery{height:23px;line-height:23px;margin-right:5px;margin-left:5px;}
        #advanceQueryParam .query_menu_bar{
            height:76px  !important;
            padding-top:10px  !important;
        }
        #advanceQueryParam .query_menu_bar.bpm-query-bar{
             padding-top: 0px !important;
               height:66px  !important;
        }

    </style>
</head>
<body>
    <div id='layout'>
        <div class="layout_north f0f0f0" id="north">
		<form id="advanceQueryParam">
            <div style="background-color: #F0F0F0">
            <c:set var="bpmMenuV" value="${bpmMenu == 'true'}"></c:set>
             <input type='hidden' id='bpmMenuType' value="${bpmMenuV}"/>
			<div id="statisticalToolBar" class="${bpmMenuV ? 'query_menu_bar bpm-query-bar':'query_menu_bar' }"   style="height:66px;padding-left:5px;padding-top:0px;background-color:#F5F7FB;display:none;">
                      <div class="menu_item active_item" id="allPending" onclick="tabSwitch('allPending')">
                      <div class="item_number" id="allPendingNum"></div>
                      <div class="item_text">${ctp:i18n("collaboration.bpm.pendingList.allPending") }</div>
                    </div>
                    <div class="menu_item" id="overTime" style="margin-left:10px;" onclick="tabSwitch('overTime')">
                      <div class="item_number over_time" id="overTimeNum"></div>
                      <div class="item_text">${ctp:i18n("collaboration.pending.overdueNames2") }</div>
                    </div>
                    <div class="menu_item" id="sevenOverTime" style="margin-left:10px;" onclick="tabSwitch('sevenOverTime')">
                      <div class="item_number over_time" id="sevenOverTimeNum"></div>
                      <div class="item_text">${ctp:i18n("collaboration.bpm.pendingList.covertime") }</div>
                    </div>
                    <c:if test="${CurrentUser.externalType == 0}">
	                    <div class="menu_item" id="myDepartment" style="margin-left:10px;" onclick="tabSwitch('myDepartment')">
	                      <div class="item_number" id="myDepartmentNum"></div>
	                      <div class="item_text" >${ctp:i18n("collaboration.bpm.pendingList.mydept") }</div>
	                    </div>
	                    <div class="menu_item" id="fromleader" style="margin-left:10px;" onclick="tabSwitch('fromleader')">
	                      <div class="item_number" id="fromleaderNum"></div>
	                      <div class="item_text">${ctp:i18n("collaboration.bpm.pendingList.fromLeader") }</div>
	                    </div>
                    </c:if>
                  </div>
                 <div class="more_query_area clearfix" style="display:none">
                    <div class="query_area_body clearfix">
                      <div class="record_item">
                        <div class="label">${ctp:i18n("common.subject.label") }:</div>
                        <div class="content">
                          <input type="text" id = "subject" name="subject"/>
                        </div>
                      </div>

                      <div class="record_item">
                        <div class="label">${ctp:i18n("common.template.label") }:</div>
                        <div class="content">
                          <input type="text" id="templateName" name="templateName"/>
                        </div>
                      </div>

                      <div class="record_item">
                        <div class="label">${ctp:i18n("common.importance.label") }:</div>
                        <div class="content">
                          <select id="importantLevel">
							<option value="">${ctp:i18n("collaboration.newcoll.qxz") }</option>
                            <option value="1">${ctp:i18n("common.importance.putong") }</option>
                            <option value="2">${ctp:i18n("common.importance.zhongyao") }</option>
                            <option value="3">${ctp:i18n("common.importance.feichangzhongyao") }</option>
                          </select>
                        </div>
                      </div>

                      <div class="record_item">
                        <div class="label">${ctp:i18n("common.sender.label") }:</div>
                        <div class="content">
                          <input type="text" id="startMemberName" name="startMemberName"/>
                        </div>
                      </div>
					  <div class="record_item">
                        <div class="label">${ctp:i18n("cannel.display.column.preApprover.label") }:</div>
                        <div class="content">
                          <input type="text" id="preApproverName" name="preApproverName"/>
                        </div>
                      </div>
                      <div class="record_item">
                        <div class="label">${ctp:i18n("common.date.sendtime.label") }:</div>
                        <div class="content">
                          <div class="input_group">
                             <input id="from_createDate" class="comp sub_input" type="text" comp="type:'calendar',ifFormat:'%Y-%m-%d',showsTime:true">
                            <span class="tiem_icon"></span>
                          </div>
                          <span class="middle_line"></span>
                          <div class="input_group">
                            <input id="to_createDate" class="comp sub_input" type="text" comp="type:'calendar',ifFormat:'%Y-%m-%d',showsTime:true">
                            <span class="tiem_icon"></span>
                          </div>
                        </div>
                      </div>

                      <div class="record_item">
                        <div class="label">${ctp:i18n("cannel.display.column.receiveTime.label") }:</div>
                        <div class="content">
                           <div class="input_group">
                             <input id="from_receiveDate" class="comp sub_input" type="text" comp="type:'calendar',ifFormat:'%Y-%m-%d',showsTime:true">
                            <span class="tiem_icon"></span>
                          </div>
                          <span class="middle_line"></span>
                          <div class="input_group">
                            <input id="to_receiveDate" class="comp sub_input" type="text" comp="type:'calendar',ifFormat:'%Y-%m-%d',showsTime:true">
                            <span class="tiem_icon"></span>
                          </div>
                        </div>
                      </div>
						<div class="record_item">
                        <div class="label">${ctp:i18n("common.workflow.deadline.date") }:</div>
                        <div class="content">
                           <div class="input_group">
                             <input id="from_expectprocesstime" class="comp sub_input" type="text" comp="type:'calendar',ifFormat:'%Y-%m-%d',showsTime:true">
                            <span class="tiem_icon"></span>
                          </div>
                          <span class="middle_line"></span>
                          <div class="input_group">
                            <input id="to_expectprocesstime" class="comp sub_input" type="text" comp="type:'calendar',ifFormat:'%Y-%m-%d',showsTime:true">
                            <span class="tiem_icon"></span>
                          </div>
                        </div>
                      </div>
                      <div class="record_item">
                        <div class="label">${ctp:i18n("common.deal.state") }:</div>
                        <div class="content">
                          
                          <select id="subState">
							<option value="">${ctp:i18n("collaboration.newcoll.qxz") }</option>
                            <option value="11">${ctp:i18n("collaboration.toolTip.label11") }</option>
                            <option value="12">${ctp:i18n("collaboration.toolTip.label12") }</option>
                            <option value="13">${ctp:i18n("common.save.and.pause.flow") }</option>
							<option value="7">${ctp:i18n("collaboration.toolTip.label16") }</option>
                            <option value="6">${ctp:i18n("common.toolbar.takeBack.label") }</option>
                          </select>
                        </div>
                      
                      </div>
					  
					  <div class="record_item">
                        <div class="label">${ctp:i18n("collaboration.condition.affairOverdue") }:</div>
                        <div class="content">
                          
                          <select id="isOverdue">
							<option value="">${ctp:i18n("collaboration.newcoll.qxz") }</option>
                            <option value="0">${ctp:i18n("common.no") }</option>
                            <option value="1">${ctp:i18n("common.yes") }</option>  
                          </select>
                        
                        </div>
                      </div>
						
                     <div class="query_area_footer clearfix">
                                <div class="query_btns clearfix">
                                        <div class="query_btn left blue" onclick="advanceQuery('listPending')">
                                            <span class="label">${ctp:i18n("common.button.condition.search.label") }</span>
                                        </div>
                                        <div class="query_btn left gray" onclick="resetParam()">
                                            <span class="label">${ctp:i18n("common.button.reset.label") }</span>
                                        </div>
                                        <c:if test="${ctp:hasPlugin('barCode')}">
                                        <div class="left flex display_none"  value="barcode" id="col_smart_code">
					                        <div class="label query_btn_barcode" >[${ctp:i18n("common.barcode.search.saoyisao") }]</div>
	                                        <i class="vp-disconnect" id="scanState"></i>
					                    </div>
					                    </c:if>
                                </div>
                        </div>
                    </div>
                  </div>
                </div>
                </form>
            <!-- 如果是业务生成器创建的一个列表菜单，则不显示面包屑 -->
            <c:if test="${param.srcFrom ne 'bizconfig' }">
                <div class="comp" comp="type:'breadcrumb',comptype:'location',code:'F01_listPending'"></div>
            </c:if>
            <input type='hidden' id='frombizconfigIds' value="${fn:escapeXml(param.textfield)}"/>
            <input type='hidden' id='bisnissMap' value="${fn:escapeXml(param.textfield)}"/>
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
            	<tr>
            		<td><div id="toolbars"></div></td>
            		<td width="60" align="center" valign="center">
              			<a id="combinedQuery" class="font_size12 common_button combinedQuery" onclick="showAdvanceSearch();" >${ctp:i18n("common.advance.label") }</a>
            		</td>
            	</tr>
            </table>
            
             
        </div>
        <div class="layout_center over_hidden" id="center">
            <table  class="flexme3 " id="listPending"></table>
            <div id="grid_detail" class="h100b">
                <iframe id="summary" width="100%" height="100%" frameborder="0" class='calendar_show_iframe' style="overflow-y:hidden"></iframe>
            </div>
        </div>
    </div>
    <ctp:smartCode
            onChangeState="col_onChangeState"
            readerCallBack="col_codeCallback"
            decodeParamFunction="list_pending_precodeCallback"
            decodeType="codeflowurl"
            scanType="3"
            onCloseSmartCode="col_onCloseCode"
            onOpenSmartCode="col_onOpenSmartCode"
    />
</body>
</html>
